<html>
  <head>
    <title>函数式组件</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/javascript" src="../../js/react.development.js"></script>
    <script type="text/javascript" src="../../js/react-dom.development.js"></script>
    <script type="text/javascript" src="../../js/babel.min.js"></script>
    <script type="text/babel">
      function Helloworld() {
        return <h2>函数式组件</h2>;
      }
      function Name(props) {
        return <span>姓名: {props.name}</span>;
      }

      function Main() {
        return (
          <>
            <Helloworld />
            <Name name="JudithHuang" />
          </>
        );
      }
      ReactDOM.render(<Main />, document.getElementById('root'));
    </script>
  </body>
</html>
